<style lang="less">
.weapp {
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
}
.weapp-imgs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    img {
        width: 260px;
        height: 563px;
        margin: 10px 0;
    }
}
</style>
<template>
    <div>
        <Card>
            <Alert type="warning" show-icon>
                说明：全新重构设计微信小程序，现已开源！后端正在XBoot中开发
                <a href="http://xpay.exrick.cn/pay?xboot" target="_blank">立即获取完整版</a>
            </Alert>
            <div class="weapp">
                <Poptip trigger="hover" title="打开微信扫一扫">
                    <div slot="content">
                        <img src="https://ooo.0o0.ooo/2019/10/06/yrtuPTL9DXQUvd2.jpg" width="180px" />
                    </div>
                    <Button type="primary" icon="md-qr-scanner" shape="circle" style="margin-right: 20px">微信扫码体验</Button>
                </Poptip>
                <Button to="https://www.bilibili.com/video/av70226175" target="_blank" shape="circle" icon="ios-videocam" style="margin-right: 20px">小程序宣传视频</Button>
                <Button to="https://github.com/Exrick/xmall-weapp" target="_blank" shape="circle" icon="logo-github">Github地址</Button>
            </div>
            <div class="weapp-imgs">
                <img src="https://ooo.0o0.ooo/2019/07/08/5d22e3df51b3b41948.png" />
                <img src="https://ooo.0o0.ooo/2019/07/08/5d22e3def39a024428.png" />
                <img src="https://ooo.0o0.ooo/2019/07/08/5d22e3df6ee8d14238.png" />
                <img src="https://ooo.0o0.ooo/2019/07/08/5d22e3df80a8539956.png" />
            </div>
        </Card>
    </div>
</template>

<script>
export default {
    name: 'weapp',
    data() {
        return {};
    },
    methods: {
        init() {}
    },
    mounted() {
        this.init();
    }
};
</script>
